<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css">
    <link rel="stylesheet"href="https://at.alicdn.com/t/c/font_4001111_4jrdiaeyvuy.css?spm=a313x.7781069.1998910419.52&file=font_4001111_4jrdiaeyvuy.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/wangeditor5/5.1.23/css/style.min.css">
    <link rel="stylesheet" href="css/userindex.css">
    <title>发布文章</title>
</head>
<style>
    a{
        text-decoration: none;
        color: #111;
    }
    #editor—wrapper {
        border: 1px solid #ccc;
        z-index: 100; /* 按需定义 */
    }
    #toolbar-container { border-bottom: 1px solid #ccc; }
    #editor-container { height: 500px; }

</style>
<body>
<div class="alert info-box">
    操作结果
</div>
<div class="wrap">
    <!-- 侧边栏 -->
    <div class="aside">
        <h2>椰海创科</h2>
        <ul class="nav">
            <li>
                <a href="../content/index.html">
                    <span class="iconfont icon-16"></span>
                    <span>内容管理</span>
                </a>
            </li>
            <li>
                <a href="./index.html" class="active">
                    <span class="iconfont icon-fabu"></span>
                    <span>发布文章</span>
                </a>
            </li>
            <li>
                <a href="suggestion.html" class="active">
                    <span class="iconfont icon-fabu"></span>
                    <span>发布评论</span>
                </a>
            </li>
            <li>
                <a href="suggestionShow.html" class="active">
                    <span class="iconfont icon-fabu"></span>
                    <span>查看评论</span>
                </a>
            </li>

        </ul>
    </div>
    <!-- 右侧区域 -->
    <div class="main">
        <!-- 顶部导航 -->
        <div class="top-nav">
            <div class="nav-item">
                <span class="weather"><a href="../../Jack-Charlie天气预报/index.html">今日天气 |</a></span>
                <span class="nick-name">昵称 </span>
                <span class="self-imformation"><a href="../imformation/index.html">| 查看个人信息 |</a></span>
                <span class="quit">退出</span>
            </div>
        </div>


        <!-- Page Content -->
<div class="container mt-5">
    <div class="row">
        <div class="col-md-8">
            <h1 class="my-4">欢迎来到椰海创科</h1>
            <div class="card mb-4">
                <div class="card-body">
                    <h2 class="card-title">文章标题</h2>
                    <p class="card-text">文章内容摘要。可以在这里放一些文章的摘要信息。</p>
                    <a href="#" class="btn btn-primary">阅读更多 &rarr;</a>
                </div>
            </div>

            <!-- More blog posts -->
            <div class="card mb-4">
                <div class="card-body">
                    <h2 class="card-title">另一篇文章标题</h2>
                    <p class="card-text">这是另一篇文章的摘要。可以展示更多的文章内容。</p>
                    <a href="#" class="btn btn-primary">阅读更多 &rarr;</a>
                </div>
            </div>
        </div>

        <!-- Sidebar Widgets Column -->
        <div class="col-md-4">
            <div class="card my-4">
                <h5 class="card-header">搜索</h5>
                <div class="card-body">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="搜索...">
                        <span class="input-group-append">
                <button class="btn btn-secondary" type="button">Go!</button>
              </span>
                    </div>
                </div>
            </div>

            <div class="card my-4">
                <h5 class="card-header">关于我</h5>
                <div class="card-body">
                    <p>这里可以写一些关于博主的信息或者其他相关内容。</p>
                </div>
            </div>
        </div>
    </div>
    <!-- /.row -->
</div>
<!-- /.container -->

<!-- Bootstrap core JavaScript -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>